<!DOCTYPE html>
<html lang="zh-Hans-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width" />
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <title>首页</title>
    <link href="layui/css/layui.css" rel="stylesheet" type="text/css">
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="css/index_style.css" rel="stylesheet" type="text/css">
    <link href="css/animate.min.css" rel="stylesheet" type="text/css">
</head>
<body>
    <div id="menu" class="hover_animation menu_open" data-mark="false">
        <span></span>
        <span></span>
        <span></span>
    </div>
    <div id="navgation" class="navgation navgation_close">
        <ul class="point">
            <li><a href="#">首页</a></li>
            <li><a href="article.html">博客</a></li>
            <li><a href="message.html">留言</a></li>
        </ul>
        <div class="logo"><a>Mr.Feng</a></div>
    </div>
    <div class="section" id="section1">
        <div class="fp-tablecell">
            <div class="page1">
                <div class="nav wow zoomIn" data-wow-duration="2s">
                    <h2>陈加宝，郑钦明，林坚鹏，谢家琪</h2>
                    <p>剑气纵横三万里,一剑光寒十九洲</p>
                    <a class="layui-btn layui-btn-normal" style="margin-top: 20px" href="#">Enter Blog</a>
                </div>
                <a class="next wow fadeInUp" data-wow-duration="2s" id="next"></a>
            </div>
        </div>
    </div>
    <div class="section" id="section2">
        <div class="fp-tablecell">
            <div class="page2">
                <div class="warp-box">
                    <div class="new-article">
                        <div class="inner wow fadeInDown" data-wow-delay=".2s">
                            <h1>热门文章</h1>
                            <p>
                                很想给你写封信,告诉你这里的天气.
                                <br>昨夜的那场电影,还有我的心情.
                            </p>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" style="padding: 0 10px">
                            <div class="single-news">
                                <div class="news-head">
                                    <img src="image/20201029171456922.jpg" >
                                    <ul>
                                    	<li><img src="image/a3319351e6990434591a22b16066568.png" style="width: 30px;height: 30px;"  /> </li>
                                    </ul>
                                </div>
                                <div class="news-content">
                                    <h4>
                                        <a href="#">
                                            关于本站
                                        </a>
                                    </h4>
                                    <div class="date">
                                        2020年10月29日
                                    </div>
                                    <p>
                                        通知
                                    </p>
                                    <a href="#" class="btn">
                                        阅读更多 
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" data-wow-delay=".2s" style="padding: 0 10px">
                            <div class="single-news">
                                <div class="news-head">
                                    <img src="image/2019122812254868.png">
                                    <ul>
                                    	<li><img src="image/a3319351e6990434591a22b16066568.png" style="width: 30px;height: 30px;"  /> </li>
                                    </ul>
                                </div>
                                <div class="news-content">
                                    <h4>
                                        <a href="#">
                                            新增QQ音乐与网易云音乐搜索
                                        </a>
                                    </h4>
                                    <div class="date">
                                        2019年12月28日
                                    </div>
                                    <p>
                                        给之前的文章配乐新增了网易云搜索接口，现在支持QQ音乐与网易云音乐
                                    </p>
                                    <a href="#" class="btn">
                                        阅读更多 
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" data-wow-delay=".4s" style="padding: 0 10px">
                            <div class="single-news">
                                <div class="news-head">
                                    <img src="image/201992010458162.png">
                                    <ul>
                                    	<li><img src="image/a3319351e6990434591a22b16066568.png" style="width: 30px;height: 30px;"  /> </li>
                                    </ul>
                                </div>
                                <div class="news-content">
                                    <h4>
                                        <a href="#">
                                            我的第一个C/S项目
                                        </a>
                                    </h4>
                                    <div class="date">
                                        2019年09月20日
                                    </div>
                                    <p>
                                        FastReport.Net是一款适用于Windows Froms,ASP.NET和MVC框架的功能齐全的报表分析解决方案，支持.Net Framework 2.0到4.x。
                                    </p>
                                    <a href="#" class="btn">
                                        阅读更多 
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section" id="section3">
        <div class="fp-tablecell">
            <div class="page3">
                <div class="warp-box">
                    <div class="warp">
                        <div class="inner">
                            <div class="links">
                                <ul>
                                    <li class="wow fadeInLeft"><a href="#">关于</a></li>
                                    <li class="wow fadeInRight"><a href="#">+友情链接</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section" id="section4">
        <div class="fp-tablecell">
            <div class="page4">
                <div class="warp-box">
                    <div class="about">
                        <div class="inner">
                            <h1 class="wow fadeInLeft">只为更好爱自己</h1>
                            <p class="wow fadeInRight">
                                喜欢旅游，聊天，打游戏！坚强奋斗，只为这一天的到来。
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
        <div class="section" id="section3">
        <div class="fp-tablecell">
            <div class="nav wow zoomIn" data-wow-duration="2s" style="padding-left: 15%">
                    <h2 style="color: white;">陈加宝，郑钦明，林坚鹏，谢家琪</h2>
                    <p style="color: white;">剑气纵横三万里,一剑光寒十九洲</p>
                    <a class="layui-btn layui-btn-normal" style="margin-top: 20px" href="#">About Me</a>
                </div>
                <div id="lian0">
                <ul>
                	<li><a href="#">相关链接</a></li>
                </ul>
                <div id="li1">
                <ul>
                	<li><img src="image/li/14ff5b7e25ad4c487cafaee10ee1f5b.png"  style="width: 10px; height: 10px;"/></li>
                	<li><a href="#">博文</a></li>
                </ul>
                </div><br />
                <div id="li2">
                <ul>
                	<li><img src="image/li/14ff5b7e25ad4c487cafaee10ee1f5b.png"  style="width: 10px; height: 10px;"/></li>
                	<li><a href="#">资源</a></li>
                </ul>
                </div><br />
                <div id="li3">
                <ul>
                	<li><img src="image/li/14ff5b7e25ad4c487cafaee10ee1f5b.png"  style="width: 10px; height: 10px;"/></li>
                	<li><a href="#">归档</a></li>
                </ul>
                </div>
                </div>
                <div id="lian2"><br />
                <div id="li4">
                <ul>
                	<li><img src="image/li/14ff5b7e25ad4c487cafaee10ee1f5b.png"  style="width: 10px; height: 10px;"/></li>
                	<li><a href="#">留言</a></li>
                </ul><br />
                </div>
                <div id="li5">
                <ul>
                	<li><img src="image/li/14ff5b7e25ad4c487cafaee10ee1f5b.png"  style="width: 10px; height: 10px;"/></li>
                	<li><a href="#">日记</a></li>
                </ul>
                </div>
                </div>
                <div id="lian1">
                	<ul>
                		<li><a href="#">联系我</a></li>
                	</ul>
                <div id="li6">
                <ul>
                	<li><img src="image/li/14ff5b7e25ad4c487cafaee10ee1f5b.png"  style="width: 10px; height: 10px;"/></li>
                	<li><a href="#">地址：地球村</a></li>
                </ul>
                </div><br />
                <div id="li7">
                <ul>
                	<li><img src="image/li/14ff5b7e25ad4c487cafaee10ee1f5b.png"  style="width: 10px; height: 10px;"/></li>
                	<li><a href="#">QQ：1564651531</a></li>
                </ul>
                </div><br />
                <div id="li8">
                <ul>
                	<li><img src="image/li/14ff5b7e25ad4c487cafaee10ee1f5b.png"  style="width: 10px; height: 10px;"/></li>
                	<li><a href="#">微信：265+26</a></li>
                </ul>
                </div><br />
                <div id="li9">
                <ul>
                	<li><img src="image/li/14ff5b7e25ad4c487cafaee10ee1f5b.png"  style="width: 10px; height: 10px;"/></li>
                	<li><a href="#">邮箱：1345646</a></li>
                </ul>
                </div>
                </div>
        </div>
    </div>
    <footer class="footer wow fadeInUp" id="contact">
        <div class="copyright">
            <div class="container">
                <div class="layui-row">
                    <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 text-center">
                        <p>Copyright &copy; 2018-2018 陈加宝 林坚鹏 郑钦明 谢家琪 All Rights Reserved V.3.1.3 蜀ICP备18008600号</p>
                    </div>
                </div>
            </div>
        </div>  
    </footer>
    <script src="layui/layui.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/index.js"></script>
</body>
</html>